const { getData } = require("../../utils/util");
let topList = require("../../mock/top250");
let tempList: any[] = [];
let pageHeight = 0;
let loading = false;

// pages/topList/index.ts
Page({
  /**
   * 页面的初始数据
   */
  data: {
    topList: [] as any,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    this.initData();
  },

  initData() {
    // 数据
    wx.showLoading({
      title: "加载中",
    });
    setTimeout(() => {
      this.setData({
        topList: (tempList = getData(topList.list)),
      });
      wx.hideLoading();
      topList = [];
    }, 500);
  },

  scrollHandler() {
    if (!loading) {
      loading = true;
      wx.showLoading({ title: "加载中" });
      setTimeout(() => {
        this.setData({
          topList: [...this.data.topList, ...tempList],
        });
        loading = false;
        wx.hideLoading();
      }, 500);
    }
  },

  goMovie(event: any) {
    wx.navigateTo({
      url: `/pages/movieDetail/index?type=top250&id=${event.currentTarget.dataset.id}`,
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {},
});
